<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/bootstrap.min.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/font-awesome.css" />
		<link rel="stylesheet" href="css/swiper.min.css" />
		<style type="text/css">
			.head,.foot{position:fixed;left:0;height:38px;line-height:38px;width:100%;background-color:#99CC00;}

.head{top:0;}

.foot{bottom:0;}

.main{position:fixed;top:38px;bottom:38px;width:100%;overflow:scroll;background-color:#BABABA;}

		
		
		</style>
	</head>
	<body>
		<div class="tb-logo">
	    	<span class="float-l pic"><img src="img/logo.png" alt="" /></span>
	    	<span class="float-r sign" href="#">登录</span>
	    </div>
	    <div class="dl">
	    	<div class="dl-bd">
	    		<div class="tone">
		    		欢迎登陆
		    		<div class="qx">
		    			取消
		    		</div>
		    	</div>
		    	<div class="ttwo">
		    		<input type="text" placeholder="邮箱或手机号码"/>
		    		<input type="text" placeholder="密码或验证码"/>
		    	</div>
		    	<a class="tthree" href="#">
		    		登录
		    	</a>
		    	<div class="tfour">
		    	    <a href="#">免费注册</a>
		    	    <a href="#">忘记密码</a>
		    	</div>
	    	</div>	    	
	    </div>
	    <div class="tb-srch">
	    	<span class="shuru"></sp><input type="text" /></span>
	    	<span class="fa fa-search btn" aria-hidden="true"></span>
	    </div>




		
		
		<script type="text/javascript" src="js/jquery-2.2.3.min.js" ></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
	    <script type="text/javascript">
	    	$(document).ready(function(){	        	              
                 
	        }); 
	    </script>
	</body>
</html>
